.page-form {
  background: #f5f5f5;
  box-sizing: border-box;
}

.consultation-content {
  padding-bottom: 24rpx;
}

.form-box-consultation {
  overflow: auto;

  .section {
    background: #fff;
    border-radius: 10rpx;
    padding: 30rpx 46rpx;
    margin: 20rpx;

    .section-title {
      font-size: 32rpx;
      text-align: left;
      color: #111111;
      position: relative;

      &::before {
        content: '*';
        color: #f34c36;
        font-size: 30rpx;
        position: absolute;
        left: -20rpx;
        top: 5rpx;
      }

      &.section-title1 {
        &::before {
          content: '';
        }
      }

      .required {
        color: #f34c36;
        position: relative;
        top: 4rpx;
        margin-left: 10rpx;
      }
    }

    .checkbox-icon {
      width: 30rpx;
      height: 30rpx;
      margin-left: 5rpx;
      margin-right: 16rpx;

      &.checkbox-icon1 {
        opacity: 0.3;
      }
    }

    .u-radio__label,
    .u-checkbox__label {
      color: #111111;
      text-align: left;
      line-height: auto;
    }

    .u-radio-group,
    .u-checkbox-group {
      line-height: 80rpx;
      margin-top: 10rpx;
    }

    .u-radio,
    .u-checkbox {
      color: #111111;
      font-size: 30rpx;
      margin-top: 24rpx;
    }

    .active-text {
      color: #4abf78;

      .u-radio__label,
      .u-checkbox__label {
        color: #4abf78;
      }
    }

    .u-checkbox__icon--checked {
      .u-checkbox__label {
        color: #4abf78;
      }
    }

    .u-cell {
      padding: 10rpx 0;

      &.input-cell1 {
        border-bottom: none;
        padding: 32rpx 0 8rpx;
      }
    }

    &.honghui-form {
      .section {
        padding: 30rpx;
      }
    }
  }

  .label-title {
    width: 100px;
    font-size: 30rpx;
    text-align: left;
    color: #111111;

    &.label-title1 {
      text-align: right;
      width: auto;
    }
  }

  .van-field__value,
  .van-field__control {
    text-align: right;
  }

  .input-field {
    width: 200rpx;
    border: 1px solid #d6d6d6;
    border-radius: 4rpx;
  }

  .label-text-left {
    color: #111111;
    font-size: 30rpx;
    width: 100px;
    text-align: left;
  }

  .radio_groupBox {
    position: relative;
  }

  .input-field-line {
    width: 300rpx;
  }

  .input-field-row {
    position: absolute;
    right: 30rpx;
    bottom: 90rpx;
    width: 300rpx;

    &.input-field-row1 {
      bottom: 36rpx;
    }

    &.input-field-row2 {
      bottom: -18rpx;
    }
  }

  .input-field-box {
    padding-top: 24rpx;
    font-size: 30rpx;
    color: #111111;
    width: 125px;

    .u-input--radius {
      border-radius: 4rpx;
    }

    &.input-field-box1 {
      width: 100%;

      .input-field {
        width: 100%;
      }
    }

    &.input-field-box2 {
      padding-top: 0;
      width: 80rpx;

      .u-input--radius {
        border-radius: 0;
        padding-top: 8rpx !important;
        padding-bottom: 8rpx !important;

        &.u-border {
          border-width: 1px !important;
        }
      }
    }

    >span {
      font-size: 15px;
      margin-left: 10px;
    }
  }

  .input-box {
    &.textarea-box {
      .label-width {
        width: 220rpx;
        margin-top: -2rpx;
      }
    }
  }

  &.consultation-form {
    background: #ffffff;
    height: calc(100vh - 300rpx);
    margin-top: 15rpx;

    .section {
      margin: 0;
      border-radius: 0;
      padding: 25rpx 30rpx;

      .section-item {
        box-sizing: border-box;
        border-radius: 4rpx;
        height: 80rpx;
      }

      .u-textarea {
        padding: 10rpx 28rpx;
      }

      .checkbox-text,
      .custom-radio {
        margin-top: 0;
        border: 1px solid #ebebeb;
        border-bottom: none;
        padding: 0 28rpx;
        box-sizing: border-box;

        // &:last-child {
        //   border-bottom: 1px solid #ebebeb;
        // }
      }

      .custom-radio__label {
        color: #111111;
      }

      .section-item1 {
        margin-top: 10rpx;
        box-sizing: border-box;
        border-radius: 4rpx;

        .iconfont {
          font-size: 36rpx;
          color: #c0c0c0;
          margin-right: 16rpx;
        }

        .checkbox-text,
        .custom-radio {
          word-break: break-all;

          &:nth-of-type(1) {
            border-radius: 4rpx 4rpx 0 0;
          }

          &:nth-last-of-type(1) {
            border-radius: 0 0 4rpx 4rpx;
            border-bottom: 1px solid #ebebeb;

            &.active-text {
              // border-bottom: none !important;
              border-top: 1px solid #fff9f6;
            }
          }

          >p {
            padding: 28rpx 0;
            line-height: 36rpx;
          }
        }

        .active-text {
          color: #111111;

          .iconfont {
            color: #4abf78;
          }

          &.checkbox-text,
          &.custom-radio {
            background: #f0fcf5;
            border-top: 1px solid #fff9f6;

            &:nth-last-of-type(1) {
              .checkbox-text {
                border-top: 1px solid #fff9f6;
              }

              .custom-radio {
                border-top: 1px solid #fff9f6;
              }
            }
          }
        }

        .active-text,
        .active-text+.custom-radio {
          &.custom-radio {
            border-top: 1px solid #fff9f6;
          }
        }

        .active-text,
        .active-text+.checkbox-text {
          &.checkbox-text {
            border-top: 1px solid #fff9f6;
          }
        }
      }

      .input-field {
        background: #ffffff;
        border: 1px solid #ebebeb;
      }

      .input-field-box {
        &.input-field-box3 {
          .input-field {
            border: 1px solid #ffe3d7;
          }

          .u-input--radius {
            border: none;
            border-radius: 0;
            font-size: 30rpx;
            background: #f0fcf5;
            padding: 0 15rpx 26rpx 15rpx !important;
          }
        }
      }
    }
  }

  &.consultation-page {
    height: calc(100vh - 326rpx);
    background: #f5f5f5;
  }
}

.submit-btn {
  margin: 10px;
}